<template>
	<view class="flex-col page">
		<view class="flex-col flex-auto group">
			<view class="flex-row justify-between items-center section_3" @click="toDetail(item.art_id)" v-for="(item,index) in list" :key="index">
				<text class="font_2">{{item.title}}</text>
				<image class="image_6" src="/static/more1.png" />
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onShow,onLoad
	} from "@dcloudio/uni-app";
	import {
		onMounted,
		ref,
		reactive,
		getCurrentInstance
	} from "vue"
	const {
		proxy
	} = getCurrentInstance()
	
	let list = ref([])
	onShow(() => {
		getDate()
	})
	const getDate=()=> {
		proxy.$req.requestPOST(proxy.$api.SystemInfo.artList).then(res => {
			if (res.flag == "success") {
				list.value = res.data.list
			} else {
				uni.showToast({
					title: res.message,
					icon: 'none'
				})
			}
		})
	}
	const toDetail=(art_id)=>{
		uni.navigateTo({
			url: '/pages/helpDetail/helpDetail?art_id='+art_id
		})
	}
</script>

<style scoped lang="css">
	.page {
		background-color: #f8f8f8;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		padding-bottom: 1130rpx;
		overflow-y: auto;
	}

	.section_3 {
		padding: 38rpx 30rpx;
		background-color: #ffffff;
	}

	.font_2 {
		font-size: 28rpx;
		font-family: PingFangSC;
		line-height: 27rpx;
		color: #333333;
	}

	.image_6 {
		width: 9rpx;
		height: 18rpx;
	}
</style>